@import "src/assets/styles/variables";
.ss-platform-headtips {
  position: fixed;z-index:200;top: 0px;right: 0;left: 0;
  .message {
    width: 100%;height: 65px;background: #fff;z-index: 1009; border-bottom: 1px solid #ececec;
    p {
      text-align: center;line-height: 65px;font-size: 18px;
      &.error {color: #dc0000}
      &.warning {color: #e46933}
      &.info {color: #008ed2}
    }
  }
  .close {
    position: absolute;right: 16px;top: 17px;display: block;width: 32px;height: 32px;line-height: 32px;
    text-align: center;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;cursor: pointer;
    &:hover i {
      color: #3b65a7
    }
    @include ssicon(1px, pointer);
    i {font-size: 26px !important;}
  }
  &.hide {top: -65px}
}
